/**
 * 版本信息 - 样式
 * @author xiaoxujs
 */

import styled from "styled-components";
import erjiBj from '../../../assets/image/ConfigManagement/erji_bg.png';
import configMuneBg from '../../../assets/image/ConfigManagement/config_mune_bg.png';

export const VersionInfomationPageBox = styled.div`
        width: 179rem;
        height: 72.9rem;
        background: url(${erjiBj}) ;
        background-size: 100% 100%;
        margin: 0 auto;
        margin-top: 2rem;
`

export const VersionInfomationPageHeaderBox = styled.div`
    width: 100%;
    height: 5.4rem;
    background: url(${configMuneBg});
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding-left: 7.8rem;
    div{
        color: #6D93B7;
        font-family: 'YouSheBiaoTiHei';
        font-weight: 400;
        font-size: 2.4rem;
        text-shadow: 0px .4rem .2rem rgba(137, 197, 255,.3);
        background: linear-gradient(0deg, #89C5FF 0%, #FFFFFF 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

`
export const UlBox = styled.div`
    padding: 8rem 6rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    width: 100%;
    height: 65rem;
    overflow-y: auto;
    li{
        width: 23.8rem;
        height: 4.2rem;
        background: linear-gradient(90deg, rgba(40,124,232,0.12), rgba(40,124,232,0.02));
        border: .1rem solid;
        border-image: linear-gradient(0deg, #0C2650, #4B6C96) 10 10;
        display: flex;
        align-items: center;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.6rem;
        color: #F0F8FF;
        .title{
            width: 14.1rem;
            padding-left: 1rem;
        }
    }
`